<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>订单详情</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <style>
        .aui-bar-nav {
            background-color: white;
            color: black;
        }
        body{
            font-size: 14px;
        }
        header.aui-bar{
            background: #fff;
            position: fixed;
        }
        .aui-title{
            color:#000;
        }
        .aui-nav .aui-bar-tab .active .aui-iconfont, .aui-nav .aui-bar-tab .active p{
            color:#327afa !important;
        }
        .aui-bar .aui-iconfont{
            color:#000;
        }
        .zfBlue{
            text-align: left !important;
            padding-left: 15px;
            font-size: 12px;
        }
        footer>div{
            text-align: center;
            line-height: 55px;
            position: relative;
        }
        footer>div>div{
            background: #327afa;
            color: #fff;
        }
        .haderTitle li>span{
            float: left;
            display: block;
        }
        .contents>span{
            display: block;
        }
        .status span{
            display: block;
            padding: 2px 12px;
            background: #d9d9d9;
        }
        .aui-iconfont{
            margin-right: 5px;
        }
        .waitingTips{
            width: 100%;
            background: #ffd9cd;
            text-align: center;
            height: 25px;
            line-height: 25px;
            overflow: hidden;
            color: #ff6868;
            font-size: 12px;
        }
    </style>
</head>
<body>
<header class="aui-bar aui-bar-nav aui-border-b">
    <div class="aui-pull-left aui-iconfont aui-icon-left icon-left-coler" tapmode onclick="closeWin()"></div>
    <div class="aui-title">
        订单详情
    </div>
    <div class="waiting waitingTips">剩余收货时间：12天09小时</div>
    <ul class="aui-tab-nav aui-border-t haderTitle">
        <li class="zfBlue aui-arrow-right">
            交易成功
        </li>
    </ul>
</header>
<footer class="aui-nav ">
    <div class="waiting">
        <div class="aui-col-xs-12 aui-border-t" tapmode onclick="showPicker()">确定收货</div>
    </div>
</footer>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
    apiready = function () {
        api.parseTapmode();
        supplierId=api.pageParam.supplierId;
        goodId=api.pageParam.goodId;
        var header = $api.dom('header');
        $api.fixIos7Bar(header);
        var footer = $api.dom('footer');
        api.setStatusBarStyle({
            style : 'dark'
        });
        var header_h = $api.offset(header).h;
        var footer_h = $api.offset(footer).h;
        var body_h = $api.offset($api.dom('body')).h - header_h-footer_h;
        api.openFrame({
            name : 'orderInfo_frm',
            url : 'orderInfo_frm.html',
            rect : {
                x : 0,
                y : header_h,
                w : 'auto',
                h : body_h
            },
            pageParam:{
                supplierId:supplierId,
                goodId: goodId
            },
            bounces : false,
            vScrollBarEnabled : false,
            hScrollBarEnabled : false
        });
    }
</script>
</html>
